<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>发送消息</title>
    <!-- <script src="http://127.0.0.1:300/socket.io/socket.io.js"></script> -->
</head>

<body>
    <input type="text" id="txt"> <button onclick="send()">发送消息</button>
    <script>
        var txt = document.getElementById("txt");
        //连接ws服务器
        // const socket = io("http://127.0.0.1:300");

        //send发送消息的方法
        function send() {
            var text = txt.value;
            //触发一个服务器端绑定的事件(自定义事件)（功能就是用于推送发送过去的数据给到其他用户）
            // socket.emit("send-message-event", { msg: text });

            var ws = new WebSocket("ws://127.0.0.1:300");

            ws.onopen = function (evt) {  //绑定连接事件
                console.log("Connection open ...");
                ws.send("B发送的数据");
                alert(text)
            };

            ws.onmessage = function (evt) {//绑定收到消息事件
                console.log("Received Message: " + evt.data);
            };

            ws.onclose = function (evt) { //绑定关闭或断开连接事件
                console.log("Connection closed.");
            };

            ws.onerror = function (error) {
                console.log(error)
            }



        }





    </script>
</body>

</html>